<template>
	<div class="preoaid">
	<div class="one">
		<li>平安健康卡</li>
		<li>首页 > 卡劵服务 > <span>平安健康卡</span></li>
	</div>
	<el-tabs type="border-card">
		<el-tab-pane label="明细下载"></el-tab-pane>
		<el-tab-pane label="明细上传">配置管理</el-tab-pane>
		<el-tab-pane label="交易查询">角色管理</el-tab-pane>
		<el-tab-pane label="对账单下载">定时任务补偿</el-tab-pane>
		<el-tab-pane label="门店管理">定时任务补偿</el-tab-pane>
		
	</el-tabs>
	</div>
</template>

<script>
</script>

<style>
	* {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.one {
		width: 100%;
		height: 65px;
		font-size: 20px;
		font-weight: 400;
		color: #333333;
		border-bottom: 2px solid #dddddd;
		/* margin-left: 20px; */

	}

	.one>li {
		width: 100px;
		border-left: 2px solid #0075d2;
		padding-left: 10px;
		margin-top: 20px;
		display: inline-block;
	}

	.one>li:nth-of-type(2) {
		width: 400px;
		border: none;
		font-size: 13px;
		color: #838482;
		font-weight: 500;
		float: right;
	}

	.one>li:nth-of-type(2)>span {
		color: #666666;
	}
</style>
